<template>
</template>

<script setup lang="ts">
import * as THREE from "three";
import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader.js";
import { useLoader, useTresContext } from "@tresjs/core";
const { scene, camera } = useTresContext();
const rgbe = await useLoader(RGBELoader, "/hdr/hdr1.hdr");
rgbe.mapping = THREE.EquirectangularReflectionMapping;
scene.value.background = rgbe;
scene.value.environment = rgbe;
</script>

<style scoped></style>
